h1 ,h2 ,h3 {
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
}

.nav{
	list-style:none;    /* 去除无序列表的每条记录的标识 */
	
}
  
ul{
	width: auto;
	height: 30px;
	background-color: rgb(17, 170, 241);
	overflow: hidden;
	margin: 20px auto;   /* 元素水平居中 */
} 

li{
	float: left;
	width: 250px;
}
	 
a{
	text-decoration: none;
	color: white;
	font-weight: bold;
	padding: 5px 0;   /* 增加内边距，将li元素的高度撑起来，li元素已经设置漂浮，其高度只能通过子元素来撑起来 */
	text-align: center;
	display: block;     /* 设置成块元素之后,可以设置宽高,将漂浮的块元素li撑起来*/
	width: 100%;
}

.nav li a:hover{
	background-color: rgb(130, 134, 131);  /*设置整个元素的背景 */
	color: rgb(255, 255, 255);  /*设置的是标签内容(这里是文字)的颜色 */
}

table {
	width: 1000px;;
}

thead  tr {
    display: block;
}
               
tbody {
    display: block;
    height: 100px;
	width: 100%;
    overflow: auto;
	background-color: lawngreen;
}

thead {
	width: 100%;
	background-color: rgb(243, 0, 81);
}

thead th {
    width: 300px;
	background-color: lemonchiffon;
}

thead th + th {
    width: 300px;
	background-color: rgb(243, 219, 0);
}

thead th + th + th {
    width: 400px;
	background-color: rgb(41, 161, 241);
}

tbody td {
    width: 30%;
	background-color: lemonchiffon;
}

tbody td + td {
    width: 297px;
	background-color: rgb(243, 219, 0);
}

tbody td + td + td {
    width: 30%;
	background-color: rgb(41, 161, 241);
}

